<div class="lx-stepper" ng-class="lxStepper.getClasses()">
    <div class="lx-stepper__header" ng-if="lxStepper.layout === 'horizontal'">
        <div class="lx-stepper__nav">
            <lx-step-nav lx-active-index="{{ lxStepper.activeIndex }}" lx-step="step" ng-repeat="step in lxStepper.steps"></lx-step-nav>
        </div>

        <div class="lx-stepper__feedback" ng-if="lxStepper.steps[lxStepper.activeIndex].feedback">
            <span>{{ lxStepper.steps[lxStepper.activeIndex].feedback }}</span>
        </div>
    </div>

    <div class="lx-stepper__steps" ng-transclude></div>
</div>